// import { useLanguage } from '@/stores'
import { useTranslation } from 'react-i18next'

import './index.less'
import { Icon } from 'tdesign-icons-react'

const Empty = (props: any) => {

  const { t } = useTranslation(['components'])

  const {
    icon = 'cloud',
    description = t('empty.description'),
  } = props

  return <div className='empty'>
    <div className='icon'>
      <Icon name={icon} />
    </div>
    <div className='description'>{description}</div>
  </div>
}

export default Empty
